import { Inter } from "next/font/google";
import styles from "./page.module.css";
import Link from "next/link";

const inter = Inter({ subsets: ["latin"] });

export default function Home() {
    return (
        <main className={`${styles.main} ${inter.className}`}>
            <div className={styles.box + " " + styles.bg}>
                <h1>HELLO</h1>
                <Link className={styles.bg} href="/three">
                    简单粒子着色器
                </Link>
                <Link className={styles.bg} href="/three/translate">
                    鼠标滚动粒子变化
                </Link>
                <Link className={styles.bg} href="/three/pictureParticle">
                    图片粒子
                </Link>
            </div>
        </main>
    );
}
